<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数，BOM</title>
</head>

<body>
    <h1>函数，BOM</h1>
    <input type="button" value="inpu的按钮" onclick="btnClick()" />
    <button onclick="toDemo()">去demo页</button>
    <button onclick="refresh()">刷新</button>
    <button onclick="btnClick()">普通按钮</button>
    <button onclick="stopTime()">停止计时</button>
    <script>
        function stopTime() {
            clearInterval(timer);
        }
        // 下课倒计时：时间差 下课时间 - 现在时间 转换成秒，每秒在控制台打印
        var endTime = new Date('2021 3 15 18:10:00');
        // 距离1970年1月1日相差的毫秒数
        // console.log(nowTime.getTime());
        // console.log(endTime.getTime());
        var timer = setInterval(function () {
            var nowTime = new Date();
            // 下向取整，转换为秒数
            console.log('距离下课还有：', Math.ceil((endTime.getTime() - nowTime.getTime()) / 1000));
        }, 1000);

        /*
        function btnClick() {
            var num1 = prompt('请输入第1个数字');
            var num2 = prompt('请输入第2个数字');
            var op = prompt('请输入操作符');
            console.log('输入的内容：', num1, num2, op);
            if (op === '+') {
                alert('运算结果：' + num1 + '+' + num2 + '=' + (parseInt(num1) + parseInt(num2)));
            } else if (op === '-') {
                alert('运算结果：' + num1 + '-' + num2 + '=' + (parseInt(num1) - parseInt(num2)));
            }

            // var res = prompt(666);
            // console.log('prompt的返回值：', res);

            // var res = confirm(666);
            // console.log('confirm的返回值：', res);

            // var res = alert(666);
            // console.log('alert的返回值：', res);
        }

        function refresh(){
            location.reload();
        }
        function toDemo(){
            // 页面跳转，如果是外部链接，需要加协议
            location.href = 'demo.html';
        }
        function btnClick() {
            for (var i = 0; i < 5; i++) {

            }
            console.log(i);
        }
        console.log('btnClick外的i：', i);
        if (1 > 0) {
            var num = 666;
            console.log(num);
        }
        console.log('if外的num：', num);
        // 普通 方式
        function btnClick(num1, num2) {
            console.log(num1 * num2);
            return num1 + num2;
            // console.log('return下面的代码。。');
        }
        console.log(btnClick(2, 3));
            function btnClick(num) {
                for (var i = 0; i < 5; i++) {
                    console.log('欢迎学习js..');
                }
            }
                // btnClick();
            // 表达式方式声明
            // var btnClick = function () {
            //     for (var i = 0; i < 5; i++) {
            //         console.log('欢迎学习js..');
            //     }
            // }

            函数：特定语句的代码块
                1.定义：function 函数名(){}，  var 函数名 = function(){}
                2.调用：函数名()
                    事件名="函数名()"，一定要加上()
                3.返回值：默认为undefined
                    return：指定函数的返回值，同时函数结束
                4.参数：不限制个数，需要确定对应的参数位置

            作用域：1全局作用域  2局部（函数）作用域

            BOM：浏览器对象模型
                location：控制地址栏变化  设置地址href 刷新reload()
                history：控制浏览记录 back()返回  forward()前进
                alert(内容)：警告框，只有1个确定按钮，返回值是undefined
                confirm(内容)：有1个确定按钮和1个取消，点击确定会返回true，其他返回false
                prompt(内容)：有1个输入框，1个确定按钮，1个取消按钮
                    点击确定，会返回输入框的字符串，其他返回null

            计时器：
                setTimeout(函数,毫秒数); 在指定毫秒数之后，执行对应的函数1次
                setInterval(函数,毫秒数); 在指定的毫秒数，循环执行对应的函数
                clearTimeout(计时器变量);
                clearInterval(计时器变量);

         */
    </script>
</body>

</html>